<template>
  <view class="my-page">
	<view class="head">
	  <view class="user-info">
	  </view>
	</view>
    <view class="list">
      <view class="h1">
		  “xxxxxx” 活动简介
	  </view>
	  <view class="h2">
		  时间：2025-01-01~2025-01-30
	  </view>
	  <view class="h2">
		  地点：馆内1楼南侧
	  </view>
	  <view class="h2">
		  适合人群：7-10岁孩子
	  </view>
	  <view class="h2">
		  费用： 免费
	  </view>
	  <view class="h1">
		  活动内容
	  </view>
	  <view class="h3">
		  活动简介
	  </view>
    </view>
  </view>
</template>

<script>
  import storage from '@/utils/storage'
  
  export default {
    data() {
      return {
        
      }
    },
    computed: {
      avatar() {
        return this.$store.state.user.avatar
      },
      windowHeight() {
        return uni.getSystemInfoSync().windowHeight - 50
      }
    },
	onLoad() {
		uni.setNavigationBarTitle({
			title:"活动详情"
		})
		// 设置导航栏标题颜色
		uni.setNavigationBarColor({
		  frontColor: '#ffffff',
		  backgroundColor: '#721b28'
		});
	}
  }
</script>

<style lang="scss" scoped>
.my-page {
  .head{
    background: url(http://demo.cyyyds.cn/uploads/20250114/1.jpg);
	background-size: 100% 100%;
    .user-info {
		display: flex;
		flex-direction: column;
		align-items: center;
		height:500upx;
    }
  	
  }
  .list {
	padding: 20upx 30upx;
	.h1{
		font-size:30upx;
		font-weight: bold;
		padding:30upx 0 ;
	}
	.h2{
		font-size:20upx;
		color:#666;
		padding: 5px 0;
	}
	.h3{
		font-size: 20upx;
		color:#666;
		
	}
  }
  .button{
	  position: absolute;
	  width:96%;
	  margin: 1% 2%;
	  bottom:0px;
  }
}


</style>